﻿<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<!-- 包含公共的JSP代码片段 -->

	<title>餐馆王平台</title>



	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script type="text/javascript" src="${frontFolder}/js/jquery.js"></script>
	<script type="text/javascript" src="${frontFolder}/js/page_common.js"></script>
	<link href="${frontFolder}/css/common_style_blue.css" rel="stylesheet" type="text/css">
	<link rel="stylesheet" type="text/css" href="${frontFolder}/css/index_1.css" />
	<link href="${frontFolder}/css/index.css" rel="stylesheet" type="text/css" />
</head>
<body style="text-align: center">
<div id="all">
	<div id="menu">
		<!-- 显示菜品的div -->
		<div id="top">
			<ul>
				<!-- 循环列出餐品 -->
				<c:forEach items="${pageBean.list}" var="food">
					<li>
						<dl>
							<dt>
								<a href="${pageContext.request.contextPath}/front?method=findById&foodId=${food.foodId}">

									<img width="214px" height="145px" src="${food.foodImage}" />
								</a>
							</dt>
							<dd class="f1">
								<a href="caixiangxi.jsp">${food.foodName}</a>
							</dd>
							<dd class="f2">
								<a href="caixiangxi.jsp">原价&yen;${food.foodPrice}</a>
							</dd>
							<dd class="f3">
								<a href="caixiangxi.jsp">会员价&yen;${food.foodMprice}</a>
							</dd>
						</dl>
					</li>
				</c:forEach>
			</ul>
		</div>

		<!-- 底部分页导航条div -->
		<div id="foot">
						<span onclick="toPage(${pageBean.currentPage-1})"
							  style="float:left; line-height:53PX; margin-left:-50px; font-weight:bold; ">
							<a href="#" style=" text-decoration:none;color:#000000; font-weight:bold">&lt;&lt;</a>
						</span>

			<div id="btn">
				<ul>
					<!-- 参看 百度, 谷歌是 左 5 右 4 -->
					<c:forEach begin="1" end="${pageBean.totalPages}" var="page">
						<li ><a
								<c:if test="${page == pageBean.currentPage}"> style="color:blue; font-weight: bolder"</c:if>
								href="${ctx}/front?method=showFoodListPage&currentPage=${page}&typeId=${searchTypeId}&foodName=${searchFoodName}">${page}</a></li>
					</c:forEach>

				</ul>
			</div>


			<span style="float:right; line-height:53px; margin-right:10px;  " onclick="toPage(${pageBean.currentPage+1})">
							<a href="#" style=" text-decoration:none;color:#000000; font-weight:bold">&gt;&gt;</a>
						</span>



		</div>

	</div>

	<!-- 右边菜系列表，菜品搜索框  -->
	<div id="dish_class">
		<div id="dish_top">
			<ul>
				<li class="dish_num"></li>
				<li>
					<a href="clientOrderList.html">
						<img src="${frontFolder}/images/call2.gif" />
					</a>
				</li>
			</ul>
		</div>

		<div id="dish_2">
			<ul>
				<c:forEach items="${applicationScope.typeList}" var="type">
					<li>
						<a href="${ctx}/front?method=showFoodListPage&typeId=${type.typeId}">${type.typeName}</a>
					</li>
				</c:forEach>

			</ul>
		</div>
		<div id="dish_3">
			<!-- 搜索菜品表单  -->
			<form action="${ctx}/front" method="post">
				<table width="166px">
					<tr>
						<td>
							<input type="text" id="dish_name" name="foodName" value="${searchFoodName}" class="select_value" placeholder="请输入菜品名称" />
							<input type="hidden" value="showFoodListPage" name="method">
						</td>
					</tr>
					<tr>
						<td><input type="submit" id="sub" value="" /></td>
					</tr>
					<tr>
						<td>
							<a href="#">
								<img src="${applicationScope.frontFolder}/images/look.gif" onclick="toPage(1)"/>
							</a>
						</td>
					</tr>
				</table>
			</form>
		</div>
	</div>

</div>
</body>

<script>
	function toPage(page) {
		if(page < 1) {
			return;
		}
		if(page > ${pageBean.totalPages}) {
			return;
		}
		if(page==1){
			location.href = '${ctx}/front?method=showFoodListPage&currentPage=' + page;
			return;
		}
		location.href = '${ctx}/front?method=showFoodListPage&currentPage=' + page + '&typeId=${searchTypeId}&foodName=${searchFoodName}';
	}
</script>
</html>
